<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org" lang="en">

<head th:replace="fragments/headTag :: headTag">
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>BaseX Load Tool :: a beta tool with Spring and Thymeleaf</title>

<!-- Bootstrap -->
<link
	href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.css"
	th:href="@{/webjars/bootstrap/3.0.3/css/bootstrap.css}"
	rel="stylesheet" />
<link href="../../../resources/css/navbar.css"
	th:href="@{/resources/css/navbar.css}" rel="stylesheet" />
<!-- JQuery -->
<script
	src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"
	th:src="@{/webjars/jquery/1.9.0/jquery.min.js}"></script>
<script
	src="http://netdna.bootstrapcdn.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"
	th:src="@{/webjars/bootstrap/3.0.3/js/bootstrap.min.js}"></script>

<!-- Spring JS and Ajax -->
<script type="text/javascript" th:src="@{/resources/dojo/dojo.js}"></script>
<script type="text/javascript" th:src="@{/resources/spring/Spring.js}"></script>
<script type="text/javascript"
	th:src="@{/resources/spring/Spring-Dojo.js}"></script>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
</head>
<body>
	<div class="container">
		<div th:include="fragments/bodyHeader :: bodyHeader" th:remove="tag">This
			is the navigation bar here</div>
		<div class="panel panel-default">
			<div class="panel-heading">
				<h3 th:text="#{intro.title}" class="panel-title">Introduction</h3>
			</div>
			<div class="panel-body">
				<h3 th:text="#{intro.subtitle}">The QuDEx Repository Tools - Collections Manager</h3>
				<p th:text="#{intro.text}">This system enables you to store files of many types - and
					links - into the Fedora repository together with appropriate
					descriptive metadata. Prior to using this application, the
					different spreadsheets - based on the templates created with the
					Template Builder application - have to be filled and prepared with
					their associated zipped resources.</p>
				<h3 th:text="#{intro.subtitle1}">Getting Started</h3>
				<p th:utext="#{intro.text1}">
					STEP 1: Select the type of operation: <b>Collection creation</b> or
					<b>Collection update</b>
				</p>
				<p th:utext="#{intro.text2}">
					STEP 2: Create NEW <b>Collection/sub-collection level</b>
					spreadsheet(s), with your choice of metadata fields, with the
					Spreadsheet Template Builder application
				</p>
				<p th:text="#{intro.text3}">STEP 3: Complete Metadata spreadsheet and upload to the
					system</p>
				<p th:utext="#{intro.text4}">
					STEP 4: Create <b>File-level</b> spreadsheet(s), with your choice
					of metadata (documents in QuDEx terms)
				</p>
				<p th:text="#{intro.text5}">STEP 5: Complete the different metadata spreadsheets and
					upload them into the system</p>
				<p></p>
				<p>
					<a class="btn btn-primary" th:text="#{intro.link}" href="process" th:href="@{/process}">Start process</a>
				</p>
				<br />
				<p>
					<img src="/swf-qudex-collections/img/warning.png"
						th:src="@{/resources/img/warning.png}" th:alt="Warning" />
					<span th:utext="#{intro.text6}"><b>Note</b>:
					this application has been tested with the following web browsers:
					</span>
				</p>
				<ul th:utext="#{intro.list}">
					<li>Safari (6.0.5)</li>
					<li>Mozilla Firefox (23.0.1)</li>
					<li>Chrome (29.0.1547.76)</li>
				</ul>
				<p th:utext="#{intro.text7}">It is recommended not to use Internet Explorer since there
					are incompatibilities with the Javascript and JQuery libraries
					underpinning the Collection Manager application. It will not
					visualise properly in Internet Explorer and this will also affect
					the functionalities of the application.</p>
			</div>
		</div>
		<div id="footer" th:include="fragments/footer :: footer"></div>
	</div>
</body>
</html>